<template>
	<view>
		<view class="numboxFather" >
			<view class="numboxbtn" @tap="btnNumboxDetClick">-</view>
			<view class="numboxValue">{{title}}</view>
			<view class="numboxbtn" @tap="btnNumboxAddClick">+</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"numbox",
		data() {
			return {
				
			};
		},
		props:{
			title: {
				type: [String,Number],
				default: ""
			}
		},
		methods: {
			btnNumboxDetClick() {
				this.$emit("clickLeft");
			},
			btnNumboxAddClick() {
				this.$emit("clickRight");
			}
		}
		
	}
</script>

<style lang="less">
.numboxFather {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 45upx;
	// width: 190rpx;
	text-align: center;
	
	font-weight: 400;
	color: #333333;

	.numboxbtn {
		height:40rpx;
		width: 40upx;
		border-radius: 20rpx;
		font-size: 36rpx;
		line-height: 34rpx;
		border:thin solid #ccc;
		color: #666;
	}
	.numboxValue {
		height: 100%;
		padding: 0 28rpx;
		font-size: 36upx;
		line-height: 40rpx;
	}
	
}
</style>